<template>
  <div>
    <h2>我是分类</h2>
    <div class="content">
      <ul>
        <button @click="btnClick">按钮</button>
        <li>li01</li>
        <li>li02</li>
        <li>li03</li>
        <li>li04</li>
        <li>li05</li>
        <li>li06</li>
        <li>li07</li>
        <li>li08</li>
        <li>li09</li>
        <li>li10</li>
        <li>li11</li>
        <li>li12</li>
        <li>li13</li>
        <li>li14</li>
        <li>li15</li>
        <li>li16</li>
        <li>li17</li>
        <li>li18</li>
        <li>li19</li>
        <li>li20</li>
        <li>li21</li>
        <li>li22</li>
        <li>li23</li>
        <li>li24</li>
        <li>li25</li>
        <li>li26</li>
        <li>li27</li>
        <li>li28</li>
        <li>li29</li>
        <li>li30</li>
        <li>li31</li>
        <li>li32</li>
        <li>li33</li>
        <li>li34</li>
        <li>li35</li>
        <li>li36</li>
        <li>li37</li>
        <li>li38</li>
        <li>li39</li>
        <li>li40</li>
        <li>li41</li>
        <li>li42</li>
        <li>li43</li>
        <li>li44</li>
        <li>li45</li>
        <li>li46</li>
        <li>li47</li>
        <li>li48</li>
        <li>li49</li>
        <li>li50</li>
        <li>li51</li>
        <li>li52</li>
        <li>li53</li>
        <li>li54</li>
        <li>li55</li>
        <li>li56</li>
        <li>li57</li>
        <li>li58</li>
        <li>li59</li>
        <li>li60</li>
        <li>li61</li>
        <li>li62</li>
        <li>li63</li>
        <li>li64</li>
        <li>li65</li>
        <li>li66</li>
        <li>li67</li>
        <li>li68</li>
        <li>li69</li>
        <li>li70</li>
        <li>li71</li>
        <li>li72</li>
        <li>li73</li>
        <li>li74</li>
        <li>li75</li>
        <li>li76</li>
        <li>li77</li>
        <li>li78</li>
        <li>li79</li>
        <li>li80</li>
        <li>li81</li>
        <li>li82</li>
        <li>li83</li>
        <li>li84</li>
        <li>li85</li>
        <li>li86</li>
        <li>li87</li>
        <li>li88</li>
        <li>li89</li>
        <li>li90</li>
        <li>li91</li>
        <li>li92</li>
        <li>li93</li>
        <li>li94</li>
        <li>li95</li>
        <li>li96</li>
        <li>li97</li>
        <li>li98</li>
        <li>li99</li>
        <li>li100</li>
      </ul>
    </div>
  </div>
</template>

<script>
//引入better-scroll
import BScroll from 'better-scroll'
export default {
  name: 'category',
  data() {
    return {}
  },
  mounted() {
    const bscorll = new BScroll('.content', {
      probeType: 0 //侦测滚动
    })
  },
  methods: {
    btnClick() {
      console.log(111)
    }
  }
}
</script>

<style type="text/css" scoped>
.content {
  height: 200px;
  background: #ccc;
  overflow: hidden;
}
</style>
